<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0,user-scalable=no"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <script src="./js/jquery.js"></script>
    <script src="./js/vconsole.min.js"></script>
    <script>
      if (
        navigator.userAgent.toLowerCase().indexOf("windows") < 0 &&
        navigator.userAgent.toLowerCase().indexOf("webdebugger") < 0
      )
        var vConsole = new VConsole();
    </script>
    <script src="./js/cache.js"></script>
    <script src="./js/server.js"></script>
    <script src="./js/video.min.js"></script>
    <script src="./js/engine.js"></script>
    <script src="./js/md5.min.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

    <script src="./js/manifest.js?2"></script>
    <script src="./js/weChat.js"></script>

    <script src="./js/index.js?3"></script>

    <link rel="stylesheet" href="./css/video-js.min.css" />
    <link rel="stylesheet" href="./css/icon.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/global.css" />
    <title>Document</title>
  </head>

  <body>
    <div class="video-wrapp none" id="vc">
      <video
        id="example_video_1"
        x5-video-player-type="h5"
        playsinline
        class="video-js vjs-default-skin vjs-big-play-centered"
        controls="true"
        preload="none"
        poster="./img/1.jpg"
        data-setup="{}"
      >
        <source src="/media/1.mp4" type="video/mp4" />
      </video>
    </div>
    <div id="loading" class="loading x zc jc">
      <img src="./img/loading.gif" alt="正在加载" />
    </div>
  </body>

  <script>
    window.onload = function () {
      var html = document.querySelector("html");
      var fontSize = window.innerWidth / 25;
      // console.log(fontSize);
      // fontSize = fontSize > 50 ? 50 : fontSize;
      html.style.fontSize = fontSize + "px";
      videosObj.init("#example_video_1");
      $(window).resize(() => {
        var html = document.querySelector("html");
        var fontSize = window.innerWidth / 25;
        html.style.fontSize = fontSize + "px";
      });
    };

    document.body.addEventListener(
      "touchmove",
      function (e) {
        e.preventDefault();
      },
      { passive: false }
    );
  </script>
</html>
